@CHARSET "utf-8";
*{
    margin:0;padding:0;
    -webkit-tap-highlight-color:rgba(0,0,0,0);
    -webkit-text-size-adjust:100%;
    box-sizing:border-box;
    -webkit-box-sizing:border-box; /* Safari */
    -moz-box-sizing:border-box; /* Firefox */
    -ms-text-size-adjust: 100%;
    -webkit-overflow-scrolling: touch;

}
input[type=search]::-webkit-search-cancel-button { display: none;}
html{font:20px/1.20 'Helvetica',Arial,sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}
html,body{font-family: 'Helvetica',Arial,sans-serif;}
body,p,form,input,button,dl,dt,dd,ol,h1,h2,h3,h4,h5,h6{margin:0;padding:0;overflow-x:hidden;}
p{line-height:1.3;}
ul,li{margin:0;padding:0;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
input,textarea,select{-webkit-user-select:text;-ms-user-select:text;user-select:text;-webkit-appearance:none;}
textarea{resize:none;}
*:not(input,textarea) {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
}
table{border-collapse:collapse;}
input,select,textarea{outline:none;border:none;background:none;}
a{text-decoration:none;-WebKit-touch-callout:none;outline:0;cursor:pointer;color:#333333;}
a,button,input{-webkit-tap-highlight-color:rgba(255,0,0,0);}
li,ol{list-style:none;}
.clearfix{*zoom:1;}
.clearfix:after{display:block;overflow:hidden;clear:both;height:0;visibility:hidden;content:".";}
body{margin:0 auto;width:100%;background-color:#ffffff;color:#444444;font-size:0.85rem;text-align:justify; text-justify:auto;}
img{border:none;width:100%;vertical-align:middle;}
video{max-width:100%;max-height: 100%}
::-webkit-scrollbar{width: 0;height: 0;}
::-webkit-scrollbar-track {background-color: transparent;} /* 滚动条的滑轨背景颜色 */
::-webkit-scrollbar-thumb {background-color: transparent;} /* 滑块颜色 */
::-webkit-scrollbar-button {background-color: transparent;} /* 滑轨两头的监听按钮颜色 */
::-webkit-scrollbar-corner {background-color: transparent;} /* 横向滚动条和纵向滚动条相交处尖角的颜色 */
/*公共样式*/
.fl{float:left;}
.fr{float:right;}
.pos-r{position: relative;}
.pos-a{position: absolute;}
.pos-f{position: fixed;}
.txtalign-l{text-align: left !important;}
.txtalign-c{text-align: center !important;}
.txtalign-r{text-align: right !important;}
.hide{display:none;}
.show{display:block;}

.mt-20{margin-top: 0.5rem;}
.mt-30{margin-top: 0.75rem;}
.mt-40{margin-top: 1rem;}
.mt-120{margin-top: 3rem;}
/*-------------------------------------------------------------*/
@media screen and (min-width: 320px) {html{font-size:106.6666%;}}
@media screen and (min-width: 360px) {html{font-size:120%;}}
@media screen and (min-width: 375px) {html{font-size:125%;}}
@media screen and (min-width: 384px) {html{font-size:128%;}}
@media screen and (min-width: 393px) {html{font-size:131%;}}
@media screen and (min-width: 400px) {html{font-size:133.3333%;}}
@media screen and (min-width: 412px) {html{font-size:137.333333%;}}
@media screen and (min-width: 414px) {html{font-size:138%;}}
@media screen and (min-width: 440px) {html{font-size:146.6666%;}}
@media screen and (min-width: 480px) {html{font-size:160%;}}
@media screen and (min-width: 520px) {html{font-size:173.3333%;}}
@media screen and (min-width: 560px) {html{font-size:186.6666%;}}
@media screen and (min-width: 600px) {html{font-size:200%;}}
@media screen and (min-width: 640px) {html{font-size:213.3333%;}}
@media screen and (min-width: 680px) {html{font-size:226.6666%;}}
@media screen and (min-width: 720px) {html{font-size:240%;}}
@media screen and (min-width: 760px) {html{font-size:253.3333%;}}
@media screen and (min-width: 800px) {html{font-size:266.6666%;}}
@media screen and (min-width: 1080px) {html{font-size:360%;}}
@media screen and (min-width: 1200px) {html{font-size:400%;}}
@media screen and (min-width: 1280px) {html{font-size:426.6666%;}}



.fullPage-wp{
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}
.fullPage-wp:after {
    display: block;
    content: ' ';
    height: 0;
    clear: both;
}
.fullPage-wp.anim{
    -webkit-transition: all 500ms ease-out 0s;
    transition: all 500ms ease-out 0s;
}
.fullPage-page{
    display: block;
    overflow: hidden;
}

.fullPage-dir-h {
    float: left;
}
html,body{height: 100%;width: 100%;}
.wp{height: 100%;width: 100%;overflow: hidden;}
.bg1{background-color: #446582}
.page{position: relative;}
/*第一屏*/
.page1title{
    color: #e5c167;
    font-size: 1.2rem;
    text-align: center;
    margin-top: 1.3rem;
    -webkit-transform: translateX(13rem);
    -moz-transform: translateX(13rem);
    transform: translateX(13rem);
}
.page1 .page1title,.page6 .page1title{
    -webkit-transition: all 0.8s linear 0.2s;
    -moz-transition: all 0.8s linear 0.2s;
    transition: all 0.8s linear 0.2s;
    -webkit-transform: translateX(-0rem);
    -moz-transform: translateX(-0rem);
    transform: translateX(-0rem);
}
.page1titleIcn{
    width: 6.25rem;
    margin: 0.25rem auto 0;
    display: block;
    -webkit-transform: translateX(-12rem);
    -moz-transform: translateX(-12rem);
    transform: translateX(-12rem);
}
.page1 .page1titleIcn,.page6 .page1titleIcn{
    -webkit-transition: all 0.8s linear 0.2s;
    -moz-transition: all 0.8s linear 0.2s;
    transition: all 0.8s linear 0.2s;
    -webkit-transform: translateX(-0rem);
    -moz-transform: translateX(-0rem);
    transform: translateX(-0rem);
}
.page1cont{
    width: 9.55rem;
    height: 14rem;
    background: url("../images/page1bimg2.png") no-repeat;
    -webkit-background-size: 100%;
    background-size: 100%;
    margin: 3.5rem auto 0;
    -webkit-transform: scale(0,0);
    -moz-transform: scale(0,0);
    transform: scale(0,0);
    opacity: 0;
    position: relative;
}
.page1 .page1cont{
    -webkit-transition: all 0.8s linear 0.2s;
    -moz-transition: all 0.8s linear 0.2s;
    transition: all 0.8s linear 0.2s;
    -webkit-transform: scale(1,1);
    -moz-transform:scale(1,1);
    transform: scale(1,1);
    opacity: 1;
}
.yao{
    width: 5.575rem;height: 4.075rem;position: absolute;top: -2.5rem;left: 2rem;
    -webkit-transform: translateY(-4rem);
    -moz-transform: translateY(-4rem);
    transform: translateY(-4rem);

    opacity: 0;
}
.page1 .yao{
    -webkit-transition: all 0.3s 1.3s;
    transition: all 0.3s 1.3s;
    -webkit-transform: translateY(0rem);
    transform: translateY(0rem);
    opacity: 1;
}
.qing{width: 3.3rem;height: 3.975rem;position: absolute;top: 2.5rem;left: 4rem;
    -webkit-transform: translateX(5rem);
    transform: translateX(5rem);
    opacity: 0;
}
.page1 .qing{
    -webkit-transition: all 0.4s 1.6s;
    transition: all 0.4s 1.6s;
    -webkit-transform: translateX(0rem);
    transform: translateX(0rem);
    opacity: 1;
}
.han{width: 3.45rem;height: 3.825rem;position: absolute;top:7rem;left: 4rem;
    -webkit-transform: scale(2.7,2.7);
    -moz-transform: scale(2.7,2.7);
    transform: scale(2.7,2.7);
    opacity: 0;
}
.page1 .han{
    -webkit-transition: all 0.3s ease-in 2s;
    -moz-transition: all 0.3s ease-in 2s;
    transition: all 0.3s ease-in 2s;
    -webkit-transform: scale(1,1);
    -moz-transform: scale(1,1);
    transform: scale(1,1);
    opacity: 1;
}
.inv{width: 0.975rem;height: 8.025rem;position: absolute;top:3rem;left: 2rem;
    -webkit-transform: translateY(12rem);
    transform: translateY(12rem);
    opacity: 0;
}
.page1 .inv{
    -webkit-transition: all 0.9s 2.2s;
    transition: all 0.9s 2.2s;
    -webkit-transform: translateY(0rem);
    transform: translateX(0rem);
    opacity: 1;
}
.huahzi{
    color: #e5c167;
    font-size: 1rem;
    text-align: center;
    margin-top: 2rem;
    -webkit-transform: translate(-7rem,-6rem) rotateZ(-550deg) scale(0,0);
    transform: translate(-7rem,-6rem) rotateZ(-550deg) scale(0,0);
    opacity: 0;
}
.page1 .huahzi{
    -webkit-transition: all 1.3s 2.5s;
    transition: all 1.3s 2.5s;
    -webkit-transform: translate(-0rem,-0rem) rotateZ(-0deg) scale(1,1);
    transform: translate(-0rem,-0rem) rotateZ(-0deg) scale(1,1);
    opacity: 1;
}
.leftScroll{
    text-align: left;
    margin-top: 1.6rem;
    padding-left: 0.5rem;
    color: #fff6d4;
    font-size: 0.75rem;
    opacity: 0;
    width: 6.625rem;
    height: 1.625rem;
    line-height: 1.625rem;
    margin: 1rem auto 0;
    position: relative;
}
.bg2 .leftScroll{position: absolute;  bottom: 3.2rem;  left: 50%;  margin-left: -3.31rem;}
.page1 .leftScroll{
    -webkit-transition: all 2.5s 3.5s;
    transition: all 2.3s 3.5s;
    opacity: 1;
}
.leftScroll img{
    display: inline-block;
    width: 100%;
    height: 100%;
    vertical-align: initial;
    -webkit-animation:leftScroll 2s linear infinite 7s;
    animation:leftScroll 2s linear infinite 7s;
    position: absolute;
    right: 0;
}
@keyframes leftScroll {
0% {-webkit-transform: translateX(0rem);opacity: 1;}
30% {-webkit-transform: translateX(-0.9rem);opacity: 1;}
50% {-webkit-transform: translateX(-1.5rem);opacity: 1;}
70% {-webkit-transform: translateX(-2.1rem);opacity: 1;}
100% {-webkit-transform: translateX(-3rem);opacity: 0;}
}
@-webkit-keyframes leftScroll {
    0% {-webkit-transform: translateX(0rem);opacity: 1;}
    30% {-webkit-transform: translateX(-0.9rem);opacity: 1;}
    50% {-webkit-transform: translateX(-1.5rem);opacity: 1;}
    70% {-webkit-transform: translateX(-2.1rem);opacity: 1;}
    100% {-webkit-transform: translateX(-3rem);opacity: 0;}
}
.huahzi i{
    display: inline-block;
    width: 0.25rem;
    height: 0.25rem;
    border-radius: 50%;
    background-color: #e5c167;
    top: -3px;
    position: relative;
    margin: 0 5px;
}

.page1hua{
    width: 6.925rem;
    height: 6.825rem;
    display: block;
    position: absolute;
    left: -3.2rem;
    bottom: -3.2rem;
}
.page1 .page1hua{
    -webkit-animation:changerotateZ 7s linear infinite;
    animation:changerotateZ 7s linear infinite;
}
@-webkit-keyframes changerotateZ {
    0% {-webkit-transform: rotateZ(0deg)}
    50% {-webkit-transform: rotateZ(180deg)}
    100% {-webkit-transform: rotateZ(360deg)}
}
@keyframes changerotateZ {
    0% {transform: rotateZ(0deg);)}
    50% {transform: rotateZ(180deg);)}
    100% {transform: rotateZ(360deg);}
}
/*第二屏*/
.bg2{background: url("../images/yqhBj.png") no-repeat;background-size: 100% 100%;}
form{width: 100%;height: 100%;position: relative;}
.cont{
    /*background-color: #CCCCCC;*/
    height: 64%;
    width: 72%;
    top: 18%;
    left: 14%;
    position: absolute;
}
.page2Til{
    width: 6.33rem;
    -webkit-transform: translateX(-4rem);
    transform: translateX(-4rem);
    opacity: 0;
}
.page2 .page2Til{
    -webkit-transition: all 0.6s linear 0.1s;
    transition: all 0.6s linear 0.1s;
    -webkit-transform: translateX(0rem);
    transform: translateX(0rem);
    opacity: 1;
}
p{font-size: 0.75rem;line-height: 1.5;text-indent: 2em}
.pge2text1,.pge2text2{
    -webkit-transform: translateY(4rem);
    transform: translateY(4rem);
    opacity: 0;
}
.page2 .pge2text1{
    -webkit-transition: all 0.6s linear 0.7s;
    transition: all 0.6s linear 0.7s;
    -webkit-transform: translateX(0rem);
    transform: translateX(0rem);
    opacity: 1;
}
.page2 .pge2text2{
    -webkit-transition: all 0.6s linear 1.2s;
    transition: all 0.6s linear 1.2s;
    -webkit-transform: translateX(0rem);
    transform: translateX(0rem);
    opacity: 1;
}
.page2Til1{font-size: 0.75rem;font-weight: normal;position: relative;padding-left: 0.5rem;
    -webkit-transform: translateX(8rem);
    transform: translateX(8rem);
    opacity: 0;
}
.tilion{display: inline-block;width: 0.2rem;height: 0.85rem;background-color: #d7b16c;border-radius: 0.2rem;position: absolute;left: 0;top: 50%;margin-top: -0.44rem;}
.page2 .page2Til1{
    -webkit-transition: all 0.9s linear 1.8s;
    transition: all 0.9s linear 1.8s;
    -webkit-transform: translateX(0rem);
    transform: translateX(0rem);
    opacity: 1;
}
.pge2text3{
    -webkit-transform: translateY(4rem);
    transform: translateY(4rem);
    opacity: 0;
}
.page2 .pge2text3{
    -webkit-transition: all 0.6s linear 2.3s;
    transition: all 0.6s linear 2.3s;
    -webkit-transform: translateX(0rem);
    transform: translateX(0rem);
    opacity: 1;
}
.page2 .leftScroll{
    -webkit-transition: all 2.3s 2.7s;
    transition: all 2.3s 2.7s;
    opacity: 1;
}
/*第三屏*/
.page3Til1{font-size: 0.75rem;font-weight: normal;position: relative;padding-left: 0.5rem;
    -webkit-transform: translateY(-3rem);
    transform: translateY(-3rem);
    opacity: 0;
}
.page3 .page3Til1{
    -webkit-transition: all 0.4s linear 0.2s;
    transition: all 0.4s linear 0.2s;
    -webkit-transform: translateX(0rem);
    transform: translateX(0rem);
    opacity: 1;
}
.pbox {
    line-height: 1.5;
    font-size: 0.75rem;
}
.pbox span  {float: left;max-width: 10rem}
.pge3text1{
    -webkit-transform: translateY(3rem);
    transform: translateY(3rem);
    opacity: 0;
}
.page3 .pge3text1{
    -webkit-transition: all 0.4s linear 0.2s;
    transition: all 0.4s linear 0.2s;
    -webkit-transform: translateX(0rem);
    transform: translateX(0rem);
    opacity: 1;
}
.pge3text2-1{
     -webkit-transform: translateX(-4rem);
     transform: translateX(-4rem);
     opacity: 0;
 }
.page3 .pge3text2-1{
    -webkit-transition: all 0.6s linear 0.5s;
    transition: all 0.6s linear 0.5s;
    -webkit-transform: translateX(0rem);
    transform: translateX(0rem);
    opacity: 1;
}
.pge3text2-2{
    -webkit-transform: translateX(4rem);
    transform: translateX(4rem);
    opacity: 0;
}
.page3 .pge3text2-2{
    -webkit-transition: all 0.6s linear 0.5s;
    transition: all 0.6s linear 0.5s;
    -webkit-transform: translateX(0rem);
    transform: translateX(0rem);
    opacity: 1;
}
.pge3text3-1{
    -webkit-transform: translateX(-4rem);
    transform: translateX(-4rem);
    opacity: 0;
}
.page3 .pge3text3-1{
    -webkit-transition: all 0.6s linear 0.7s;
    transition: all 0.6s linear 0.7s;
    -webkit-transform: translateX(0rem);
    transform: translateX(0rem);
    opacity: 1;
}
.pge3text3-2{
    -webkit-transform: translateX(4rem);
    transform: translateX(4rem);
    opacity: 0;
}
.page3 .pge3text3-2{
    -webkit-transition: all 0.6s linear 0.7s;
    transition: all 0.6s linear 0.7s;
    -webkit-transform: translateX(0rem);
    transform: translateX(0rem);
    opacity: 1;
}
.pge3text4-1{
    -webkit-transform: translateX(-4rem);
    transform: translateX(-4rem);
    opacity: 0;
}
.page3 .pge3text4-1{
    -webkit-transition: all 0.6s linear 0.9s;
    transition: all 0.6s linear 0.9s;
    -webkit-transform: translateX(0rem);
    transform: translateX(0rem);
    opacity: 1;
}
.pge3text4-2{
    -webkit-transform: translateX(4rem);
    transform: translateX(4rem);
    opacity: 0;
}
.page3 .pge3text4-2{
    -webkit-transition: all 0.6s linear 0.9s;
    transition: all 0.6s linear 0.9s;
    -webkit-transform: translateX(0rem);
    transform: translateX(0rem);
    opacity: 1;
}
.page3 .leftScroll{
    -webkit-transition: all 2.3s 2.0s;
    transition: all 2.3s 2.0s;
    opacity: 1;
}
/*第四屏*/
.pge4text1{
    opacity: 0;
    -webkit-transform: scale(0.4,0.4);
    transform: scale(0.4,0.4);
}
.page4 .pge4text1{
    -webkit-transition: all 1s 0.1s;
    transition: all 1s 0.1s;
    -webkit-transform: scale(1,1);
    transform: scale(1,1);
    opacity: 1;
}
.pge4text2{font-size: 0.75rem;color: #e4c269;opacity: 0;-webkit-transform: translateX(-7rem);
    transform: translateX(-7rem);}
.page4 .pge4text2{
    -webkit-transition: all 0.6s linear 0.3s;
    transition: all 0.6s linear 0.3s;
    -webkit-transform: translateX(0rem);
    transform: translateX(0rem);
    opacity: 1;
}
form{
    color: #666666;
    font-size: 0.7rem;
}
input{
    height: 1.375rem;
    width: 100%;
    padding-left: 0.5rem;
}
.inp2-1{width: 9.875rem;float: left}
.inp2-2{width: 9.875rem;}
.inp2-3{
    width: 3rem;float: right;background-color: #e5c167;border: none;height: 1.375rem;color: #ffffff;font-size: 0.8rem;text-align: center;line-height: 1.375rem;
    opacity: 0;-webkit-transform: translateX(5rem);transform: translateX(5rem);
}
textarea{
    height: 2.7rem;
    width: 100%;
    overflow: hidden;
    padding-left: 0.5rem;
    padding-top: 0.3rem;
}
.inp{
    position: relative;
}
.inp:after{
    content: '';
    display: block;
    position: absolute;
    border: 1px solid #999999;
    top: 0;
    left: 0;
    width: 199%;
    height: 200%;
    -webkit-transition: all 0s  0s;
    transition: all 0s  0s;
    -webkit-transform: scale(0.5,0.5);
    transform: scale(0.5,0.5);
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    pointer-events: none;
    transform-origin: 0 0;
    -webkit-transform-origin: 0 0;
}
.inp {
    -webkit-transform: rotateZ(90deg);
    transform: rotateZ(90deg);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    opacity: 0;
}
.page4 .inp{
    opacity: 1;
}
.page4 .inp1 {
    -webkit-transition: all 0.5s linear 1.0s;
    transition: all 0.5s linear 1.0s;
    -webkit-transform: rotateZ(0deg);
    transform: rotateZ(0deg);
}
.page4 .inp2{
     -webkit-transition: all 0.5s linear 1.2s;
     transition: all 0.5s linear 1.2s;
     -webkit-transform: rotateZ(0deg);
     transform: rotateZ(0deg);
 }
.page4 .inp2-3{
    -webkit-transition: all 0.5s linear 1.4s;
    transition: all 0.5s linear 1.4s;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
}
.page4 .inp3 {
    -webkit-transition: all  0.5s linear 1.4s;
    transition: all 0.5s linear 1.4s;
    -webkit-transform: rotateZ(0deg);
    transform: rotateZ(0deg);
}
.page4 .inp4 {
    -webkit-transition: all 0.5s linear 1.6s;
    transition: all 0.5s linear  1.6s;
    -webkit-transform: rotateZ(0deg);
    transform: rotateZ(0deg);
}
.page4 .inp5 {
    -webkit-transition: all 0.5s linear 1.8s;
    transition: all 0.5s linear 1.8s;
    -webkit-transform: rotateZ(0deg);
    transform: rotateZ(0deg);
}
.page4 .leftScroll{
    -webkit-transition: all 2.3s 2.0s;
    transition: all 2.3s 2.0s;
    opacity: 1;
}
/*第五屏*/
.page5inp{
    position: relative;
}
.page5inp:after{
    content: '';
    display: block;
    position: absolute;
    border: 1px solid #999999;
    top: 0;
    left: 0;
    width: 199%;
    height: 200%;
    -webkit-transition: all 0s  0s;
    transition: all 0s  0s;
    -webkit-transform: scale(0.5,0.5);
    transform: scale(0.5,0.5);
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    pointer-events: none;
    transform-origin: 0 0;
    -webkit-transform-origin: 0 0;
}
.inp6 ,.inp8{
    -webkit-transform: translateX(16rem);
    transform: translateX(16rem);
}
.inp7 ,.inp9{
    -webkit-transform: translateX(-16rem);
    transform: translateX(-16rem);
}
.page5 .inp6,.page5 .inp8,.page5 .inp7,.page5 .inp9 {
    -webkit-transition: all 0.8s linear 0.1s;
    transition: all 0.8s linear 0.1s;
    -webkit-transform: translateX(0rem);
    transform: translateX(0rem);
    opacity: 1;
}
.subBtn {
    width: 100%;
    background-color: #e5c167;
    border: none;
    height: 1.7rem;
    font-size: 0.8rem;
    color: #ffffff;
    -webkit-transform: scale(0,0);
    transform: scale(0,0);
}
.page5 .subBtn {
    -webkit-transition: all 1.0s linear 0.8s;
    transition: all 1.0s linear 0.8s;
    -webkit-transform: scale(1,1);
    transform: scale(1,1);
    transform-origin: 50% 50%;
}

.page5text1,.logo1{
    -webkit-transform: translateX(-16rem);
    transform: translateX(-16rem);
}
.page5text2{
    -webkit-transform: translateX(16rem);
    transform: translateX(16rem);
}
.page5 .page5text1,.page5 .logo1,.page5 .page5text2{
    -webkit-transition: all 1s linear 1.5s;
    transition: all 1s linear 1.5s;
    -webkit-transform: translateX(0rem);
    transform: translateX(0rem);
    opacity: 1;
}
.logo1 img{
    width: 1.65rem;
    height: 0.75rem;
    margin-right: 0.2rem;
    vertical-align: top;
}
.page5 .leftScroll{
    -webkit-transition: all 2.3s 2.5s;
    transition: all 2.3s 2.5s;
    opacity: 1;
}
/*第六屏*/
.page6Top{
    position: absolute;
    top: 2.75rem;
    width: 100%;
}
.rq{
    width: 9.5rem;
    height: 9.5rem;
    margin: 3rem  auto 0;
    display: block;
    position: absolute;
    top: 50%;
    margin-top: -5.6rem;
    left: 50%;
    margin-left: -4.75rem;
    opacity: 0;
    -webkit-transform: scale(0,0);
    transform: scale(0,0);
}
.page6 .rq{
    -webkit-transition: all 1.5s linear 0.5s;
    transition: all 1.5s linear 0.5s;
    -webkit-transform: scale(1,1);
    transform: scale(1,1);
    opacity: 1;
}
.page6Fot{
    width: 100%;
    text-align: center;
    position: absolute;
    top: 50%;
    margin-top: 5.6rem;
    color: #e5c167;
    font-size: 1rem;
    font-weight: normal;
    opacity: 0;
}
.page6 .page6Fot{
    -webkit-transition: all 2s linear 1.5s;
    transition: all 2s linear 1.5s;
    opacity: 1;
}
.page6hua{
    width: 14rem;
    bottom: 0;
    margin-bottom: -9rem;
    margin-left: -7rem;
    position: absolute;
    left: 50%;
    -webkit-transform: translateY(-19rem);
    transform: translateY(-19rem);
}
.page6 .page6hua{
    -webkit-transition: all 2s linear 0s;
    transition: all 2s linear 0s;
    -webkit-transform: translateY(0rem);
    transform: translateY(0rem);
    -webkit-animation:changerotateZ 9s linear 2s infinite;
    animation:changerotateZ 9s linear 2s infinite;
}
@-webkit-keyframes changerotateZ {
    0% {-webkit-transform: rotateZ(0deg)}
    50% {-webkit-transform: rotateZ(180deg)}
    100% {-webkit-transform: rotateZ(360deg)}
}
@keyframes changerotateZ {
    0% {transform: rotateZ(0deg);)}
    50% {transform: rotateZ(180deg);)}
    100% {transform: rotateZ(360deg);}
}

.mskTe{
    position: fixed;
    top: 35%;
    left: 50%;
    margin-left: -3rem;
    width: 6rem;
    height: 2rem;
    background-color: rgba(190,190,190,0.5);
    font-size: 0.8rem;
    color: 	#CD661D;
    line-height: 2rem;
    text-align: center;
    border-radius: 10px;
    display: none;
}

/*文本输入框*/
::-webkit-input-placeholder{color: #999999;}
.place1:before{
    content: "擅长领域及专业";
    display: inline-block;
    color: #999999;
    font-size: 0.7rem;
    position: absolute;
    top: 0.3rem;left: 0.5rem;
}
.place2:before{
    content: "职业经历、培训经历";
    display: inline-block;
    color: #999999;
    font-size: 0.7rem;
    position: absolute;
    top: 0.3rem;left: 0.5rem;
}
.place3:before{
    content: "个人成就";
    display: inline-block;
    color: #999999;
    font-size: 0.7rem;
    position: absolute;
    top: 0.3rem;left: 0.5rem;
}